<template>
  <el-table :data="tableData" style="padding: 15px">
    <el-table-column
      v-for="(item, index) in optionsInfo"
      :width="item.width"
      :label="item.label"
      :prop="item.prop"
      :key="index"
    >
      <template v-if="item.prop === 'id'">
        {{ index++ }}
      </template>
      <template #default="{ row }" v-if="item.prop === 'action'">
        <el-row class="justify-items-center justify-center">
          <el-tooltip
              placement="top"
              content="点击查看右侧物流详细信息"
          >
            <el-button
                size="default"
                color="#0ea5e9"
                :icon="Pointer"
                @click="LookDetailInfo(row)"
            ></el-button>
          </el-tooltip>
        </el-row>
      </template>
    </el-table-column>
  </el-table>
</template>

<script setup>
import {Delete, Edit, Pointer, Printer} from "@element-plus/icons-vue"

const props = defineProps(["tableData", "optionsInfo"])
const emits = defineEmits(["handleDialogWlValue", "delWlInfo", "LookDetailInfo"])
const LookDetailInfo = (row) => {
  if (row.shiperName != null) {
    emits("LookDetailInfo", row)
  }
}
const handleDialogValue = (row) => {
  if (row.shiperName != null) {
    // console.log(row)
    emits("handleDialogWlValue", row)
  }
}
const deleteInfo = (row) => {
  if (row.detailaddress != null) {
    // console.log(row)
    emits("delLandInfo", row)
  }
}
</script>

<style scoped>
</style>


